
.app-dashboard-design {
  height: 100%;
  .dashboard-list {
    height: 100%;
    overflow: auto;
    background-color: $dashboard-design-background;
    .dashboard-list-item {
      margin: $dashboard-design-margin;
      .list-item-header {
        height: $dashboard-design-header-height;
        font-size: $dashboard-design-header-font-size;
        line-height: $dashboard-design-header-height;
        color: $dashboard-design-color;
      }
      .list-item-content {
        @include flex(center,space-around);

        position: relative;
        width: 100%;
        padding: $dashboard-design-item-padding;
        margin: $dashboard-design-item-margin;
        background-color: $dashboard-design-content-background;
        border-radius: 0.08rem;
        .list-item-content-start {
          display: flex;
          align-self: center;
          font-size: $dashboard-design-start-icon-font-size;
          color: $dashboard-design-delete-color;
        }
        .list-item-pic {
          display: flex;
          width: 1rem;
          height: 1rem;
        }
        .list-item-text {
          width: 60%;
          div:nth-child(1) {
            font-size: $dashboard-design-item-font-size;
            color: $dashboard-design-title-color;
          }
          div:nth-child(2) {
            font-size: $dashboard-design-item-font-size - 0.06rem;
            color: $dashboard-design-info-color;
          }
        }
        .list-item-content-end {
          min-width: 0.4rem;
          font-size: $dashboard-design-end-icon-font-size;
          color: $dashboard-design-end-icon-color;
        }
      }
    }
    .dashboard-list-item.dashboard-list-item--add {
      .list-item-content {
        .list-item-content-start {
          color: $dashboard-design-add-color;
        }
      }
    }
  }
}
